<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

<h:body>	
	<ui:composition template="templates/templateAlternativo.xhtml">
		<ui:define name="pageTitle">Title</ui:define>
		<ui:define name="pageHeader">Header</ui:define>
		<ui:define name="menu">
			<h3>Cadastrar Atividades</h3>
			<h:form>
				<h:panelGrid columns="2">
					<h:outputText value="Atividade" />
					<p:inputText  value="#{atividadeBean.atividade.nomeAtividade}" required="true" />
					
					<h:outputText value="Data" />
					<p:inputText value="#{atividadeBean.atividade.data}" required="true" />
					
					<h:outputText value="Horário" />
					<p:inputText value="#{atividadeBean.atividade.horario}" required="true" />				
				</h:panelGrid>
				
					<br/>
					<p:commandButton ajax="false" type="submit" value="Cadastrar" action="#{atividadeBean.cadastrarAtividade}"/>	
			</h:form>		
		</ui:define>
		
		<ui:define name="conteudo">
			<p:dataTable  value="#{atividadeBean.listaAtividades}" var="atividade">
				<p:column>
					<p:commandLink action="#{atividadeBean.MarcarAtividade()}" ajax="false">
					    	<f:setPropertyActionListener target="#{atividadeBean.atividade}" value="#{atividade}" />
					    	<h:graphicImage value="#{atividade.imagem}" />
					</p:commandLink>
				</p:column>
				<p:column >
					<f:facet name="header"><h:outputText value="Atividade"/></f:facet>
						<h:outputText value="#{atividade.nomeAtividade}"/>
				</p:column>
				<p:column>
					<f:facet name="header"><h:outputText value="Data"/></f:facet>
						<h:outputText value="#{atividade.data}"/>
				</p:column>
				<p:column>
					<f:facet name="header"><h:outputText value="Horario"/></f:facet>
						<h:outputText value="#{atividade.horario}"/>
				</p:column>
				<p:column >
					<f:facet name="header"><h:outputText value="Deletar"/></f:facet>
					    <p:commandLink  action="#{atividadeBean.deletarAtividade()}" ajax="false">
					    	<f:setPropertyActionListener target="#{atividadeBean.atividade}" value="#{atividade}" />
					    	<h:graphicImage value="imgs/delete.png" />
					    </p:commandLink> 
				</p:column>
			</p:dataTable>
		</ui:define>
	</ui:composition>
</h:body>
</html>